<template>
    <div role="tabpanel" class="tab-panel active" id="home">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active">
                <router-link  to="/home/message" aria-controls="Message" role="tab" data-toggle="tab">Message</router-link>
            </li>
            <li role="presentation">
                <router-link  to="/home/news" aria-controls="News" role="tab" data-toggle="tab">News</router-link>
            </li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
            <router-view></router-view>
        </div>
    </div>
</template>

<script lang="ts">
import { defineComponent } from "vue"
export default defineComponent({
    name: 'Home',
})
</script>

<script lang="ts" setup>

</script>

<style scoped></style>